@charset "UTF-8";
.modal-backdrop {
  background: transparent;
}
html,
body {
  position: relative;
}
#mainInfo .infoContent .infoRightBar {
  height: 100%;
  background: #fff;
}
/* ******* */
/* 灰色条 */
#mainInfo .infoContent .infoRightBar .tap_t {
  width:600px;
  height:30px;
  line-height:30px;
  background:#f8f8f8;
  display: block;
  margin:0 auto;
  border-radius: 30px;
  margin-bottom:20px;
}
#mainInfo .infoContent .infoRightBar .tap_t p {
  text-align:center;
  font-size:16px;

}
#mainInfo .infoContent .infoRightBar .tap_t p img {
  max-width:30px;
  max-height:30px;
  margin-right:10px;
}

#mainInfo .infoContent .infoRightBar .tap_t p span {
  color:red;
}

#mainInfo .infoContent .infoRightBar .chong {
  margin-bottom:20px;
}

#mainInfo .infoContent .infoRightBar .chong .btn_one {
  display: block;
  margin: 0 auto;
  text-align:center;
  margin-top:40px;
  background:#f8f8f8;
  padding-top:60px;
  padding-bottom:60px;
}
/* 第一重 */
#mainInfo .infoContent .infoRightBar .chong .btn_one_one {
  margin-top:20px;
  margin-bottom:20px;

}

#mainInfo .infoContent .infoRightBar .chong .btn_one_one span:nth-child(1){
  text-align: left;
  line-height:25px;
  margin-left:-20px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_one span:nth-child(2){
  text-align: left;
  margin-left:70px;
  line-height:25px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_one span:nth-child(3){
  text-align: left;
  margin-left:60px;
  line-height:25px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_one span:nth-child(4){
  text-align: left;
  margin-right:20px;
  line-height:25px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_one span:nth-child(5){
  text-align: left;
  line-height:25px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one img {
  margin-right:60px;
}

#mainInfo .infoContent .infoRightBar .chong .btn_one img:nth-child(1){
  max-height: 240px;
  max-width:240px;
}

#mainInfo .infoContent .infoRightBar .chong .btn_one img:nth-child(2){
  max-height:200px;
  max-width: 200px;
  margin-right:0px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one img:nth-child(3){
  max-height:200px;
  max-width: 200px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one img:nth-child(4){
  max-height:200px;
  max-width: 200px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one img:nth-child(5){
  max-height:200px;
  max-width: 200px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one img:nth-child(6){
  max-height:200px;
  max-width: 200px;
  margin-right:0px;
}

/* 第二重 */
#mainInfo .infoContent .infoRightBar .chong .btn_one_two {
  display: block;
  margin: 0 auto;
  text-align:center;
  margin-top:40px;
  /* background:#f8f8f8; */
  padding-top:40px;
  padding-bottom:40px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_two {
  margin-top:20px;
  margin-bottom:20px;

}
#mainInfo .infoContent .infoRightBar .chong .btn_one_two img {
  margin-right:60px;
}

#mainInfo .infoContent .infoRightBar .chong .btn_one_two img:nth-child(1){
  max-height:200px;
  max-width:200px;
}

#mainInfo .infoContent .infoRightBar .chong .btn_one_two img:nth-child(2){
  max-height:200px;
  max-width: 200px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_two img:nth-child(3){
  max-height:200px;
  max-width: 200px;
  margin-right:0px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_two span:nth-child(1){
  text-align: left;
  margin-left:-10px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_two span:nth-child(2){
  text-align: left;
  margin-left:70px;
}
#mainInfo .infoContent .infoRightBar .chong .btn_one_two span:nth-child(3){
  text-align: left;
  margin-left:60px;
}
/* 第三重 */
#mainInfo .infoContent .infoRightBar .chong .btn_one_three img:nth-child(1) {
  max-height: 300px;
  max-width: 300px;
  margin-left:60px;
}
/* 第四重 */
#mainInfo .infoContent .infoRightBar .chong .btn_one_four img:nth-child(1) {
  max-height:300px;
  max-width: 300px;
  margin-right:20px;
  margin-top:-40px;
  margin-bottom:30px;
}
/* 第四重 */
#mainInfo .infoContent .infoRightBar .chong .btn_one_three .du {
  margin-top:20px;
}

#mainInfo .infoContent .infoRightBar .chong .btn_one_day {
  margin-top:30px;
  margin-bottom:20px;
  padding-top:20px;
}
/* *********** */
#mainInfo .infoContent .infoRightBar .tap_img img {
  width: 100%;
  height: 400px;
  margin-bottom: 50px;
}
#mainInfo .infoContent .infoRightBar .btn {
  margin-top: 20px;
  width: 100%;
  margin: 0 auto;
}

/*  */
#mainInfo .infoContent .infoRightBar .btn h2 {
  font-weight: bold;
  font-size:28px;
}
#mainInfo .infoContent .infoRightBar .btn h2:first-child {
  padding-top: 20px;
}
#mainInfo .infoContent .infoRightBar .btn h2:nth-child(2) {
  color: #afe3f1;
}
#mainInfo .infoContent .infoRightBar .tab_list h5 {
  text-align: center;
  margin-bottom: 20px;
}
/* 每日排行 */
#mainInfo .infoContent .infoRightBar .tab_list ul {
  width: 50.6%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 0  2.7%;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li {
  list-style: none;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li div {
  display: inline-block;
  line-height: 30px;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li div span {
  display: block;
  line-height: 22px;
  width: 22px;
  height: 22px;
  color: #fff;
  background: #84cfe4;
  border-radius: 22px;
  margin: 0 auto;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li div:nth-child(1) {
  width: 16.4%;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li div:nth-child(2) {
  width: 29.4%;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li div:nth-child(3) {
  width: 17.3%;
}
#mainInfo .infoContent .infoRightBar .tab_list ul li div:nth-child(4) {
  width: 21.6%;
}
#mainInfo .infoContent .infoRightBar .tab_list ul .ranking {
  color: #fff;
  background: #84cfe4;
  border-radius: 30px;
}
#mainInfo .infoContent .infoRightBar .tab_list ul .my {
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #84cfe4;
  border-radius: 30px;
}

/* 按钮 */

/* 活动规则 */
.hdge{
  display: block;
  margin: 0 auto;
  text-align:center;
  margin-top:40px;
  background:#f8f8f8;
  padding-top:40px;
  padding-bottom:40px;
}

.hdge h2 {
  margin-bottom:20px;
  font-weight: bold;
  font-size:28px;
}
.hdge .norol {
  width:600px;
  text-align:center;
  margin: 0 auto;
  display: block;
}

.hdge .norol p {
  text-align: justify;
  white-space:normal;
  word-break:break-all;
}

.btnn {
  text-align: center;
  margin-top:80px;
}

.btnn h2 {
  font-weight: bold;
}

.btnn h2:nth-child(2) {
  color:#84cfe4;
}

.btnt {
  text-align: center;
}
.btnt .btn_all {
  background: #f05b3b;
  border: none;
  width: 200px;
  height: 55px;
  border-radius: 25px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  margin-top:30px;

}
.btnt .btn_one {
  margin-right: 20px;
  outline: none;
}
.btnt .btn_two {
  margin-bottom: 60px;
  outline: none;
}